<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="/css/index.css">
    <link rel="stylesheet" href="/libs/iconfont/iconfont.css">
    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="stylesheet" href="/libs/swiper/css/swiper.min.css">
</head>

<body>
    <!-- header -->
    <header></header>

    <!-- main -->
    <div class="main-contain" id="index-contain">
        <div class="main-contain-add"></div>
        <div class="contain-last">
            <div class="contain-last-center">
                <h3></h3>
                <p>抢先得知最新产品、独家消息及优惠资讯</p>
                <ul>
                    <li class="weixin">
                        <a href="#">
                            <div class="weixin-code">
                                <img src="https://anta-cn-web.obs.myhwclouds.com/theme/images/antacom/com-qr-code.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li class="weibo">
                        <a href="#"></a>
                    </li>
                </ul>
            </div>

        </div>
    </div>

    </div>
    <script type="text/html" id='contain-img-template'>
        <div class="contain-img {{type}}">
            {{if list}}
            <img src="{{list[0].pic}}" alt="">
            <div class="banner-two-a contain-banner">
                <a href="/html/list.html?id=2"></a>
            </div>{{/if}}
        </div>
    </script>
    <script type="text/html" id='hoverbox-template'>
        <div class="hover-box contain-hover">
            <div class="hover-list">
            </div>
        </div>
    </script>
    <script type="text/html" id='hoverbox2-template'>
        {{each list itme}}
        <a href="#">
            <img src="{{itme.pic}}" alt="">
            <div class="hover-body">
                <img src="{{itme.cover}}" alt="">
            </div>
        </a>
        {{/each}}
    </script>
    <script type="text/html" id='swiper-template'>
        <div class="contain-img full-width">
            <div class="likes">
                <h3>猜你喜欢</h3>
                <a href="/html/list.html?id=4">立即选购</a>
            </div>
            <div class="swiper-container" id="swiper-one">
                <div class="swiper-wrapper">
                </div>
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
                <div class="swiper-scrollbar"></div>
            </div>
        </div>
    </script>
    <script type="text/html" id='swiper-one-content-template'>
        {{each list itme}}
        <div class="swiper-slide">
            <div class="swiper-img">
                <a href="/html/list.html?id=1">
                    <img src="{{itme.pic}}" alt="">
                </a>
            </div>
            <div class="swiper-txt">
                <a href="/html/list.html?id=1">{{itme.name}}</a>
            </div>
        </div>
        {{/each}}
    </script>
    <!-- footer -->
    <footer>

    </footer>
    <div id="leader"></div>

</body>
<script src="/libs/require/require.min.js" data-main="/js/index"></script>

</html>